<template>
	 <view class="my">
		 <view class="my-block">
		 	 <view class="my-tou"></view>
		  </view>
		  <view class="content">
		 	 <view>我的客服</view>
		 	 <view>我的预订</view>
			 <view>我的信息</view>
		 	 <view>联系我们</view>
		 	 <view>问题反馈</view>
		  </view>
		 <view class="login">
		 	<text>退出登录</text>
		  </view>
	 </view>
</template>

<script>
	
	export default {
		data() {
			return {
			}
		},
		methods: {
			 
		}
	}
</script>

<style lang="scss" scoped>
.my{
	
	.my-block{
		width: 100%;
		height: 300rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		.my-tou{
			width: 150rpx;
			height:150rpx;
			background-color:#C8C7CC;
			border-radius: 50px;
		}
	}
	.content{
		width: 100%;
		view{
			height: 60rpx;
			margin: 10rpx;
			background-color: #ffffff;
			font-size: 40rpx;
			
		}
	}
	.login{
		margin-top: 200rpx;
		width: 100%;
		height: 80upx;
		background: $shop-color;
		border-radius: 50upx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

</style>
